/**
 * Created by JetBrains WebStorm.
 * User: Administrator
 * Date: 13-2-28
 * Time: 下午10:08
 * To change this template use File | Settings | File Templates.
 */
function showPic(whichpic){
	if(!document.getElementById('placeholder')) return false;
    var source = whichpic.getAttribute('href');
    var placeholder = document.getElementById('placeholder');
    placeholder.setAttribute('src',source);

	if(!document.getElementById('description')) return true;
	if(whichpic.getAttribute('title')){
		var text = whichpic.getAttribute('title');
	}else{
		var text = "";
	}
    var description = document.getElementById('description');
    //alert(description.childNodes[0].nodeValue);
    if(description.firstChild.nodeType == 3){
    	description.firstChild.nodeValue = text;
    }
    return true;
};

function prepareGallery(){
    if(!document.getElementsByTagName) return false;
    if(!document.getElementById) return false;
    if(!document.getElementById('imagegallery')) return false;

    var gallery = document.getElementById('imagegallery');
    var links = gallery.getElementsByTagName('a');
    for(var i=0;i<links.length;i++){
        links[i].onclick = function(){
//            showPic(this);
//            return false;
			return !showPic(this);
        };
        //links[i].onkeypress = links[i].onclick;
    };

}
function addLoadEvent(func){
    var old = window.onload;
    if(typeof window.onload != 'function'){
        window.onload = func;
    }else{
        window.onload = function(){
        	old();
        	func();
        }
    }
}

function insertAfter(newElement,targetElement){
	var parent = targetElement.parentNode;
	if(parent.lastChild == targetElement){
		parent.appendChild(newElement);
	}else{
		parent.insertBefore(newElement,targetElement.nextSibling);
	}
}

function preparePlaceholder(){
	if(!document.createElement) return false;
	if(!document.createTextNode) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById('imagegallery')) return false;
	var placeholder = document.createElement('img');
	placeholder.setAttribute('id','placeholder');
	placeholder.setAttribute('src','../picture/moto1.jpg');
	placeholder.setAttribute('alt','my image gallery');
	var description = document.createElement('p');
	description.setAttribute('id','description');
	var desctext = document.createTextNode('Choose an image');
	description.appendChild(desctext);
	var gallery = document.getElementById('imagegallery');
	insertAfter(placeholder,gallery);
	insertAfter(description,placeholder);
}

addLoadEvent(preparePlaceholder);
addLoadEvent(prepareGallery);